﻿@model IEnumerable<prufa.Models.AddGame>

@{
    ViewBag.Title = "AddGame";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2 style="margin: 50px; text-align: center">Bæta við nýjum leik</h2>


<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    
       <form method="post">
        <fieldset style="border: 5px solid #ae4553; padding: 80px; margin-right: 269px">
        <legend> Nýr leikur </legend>

        
            
           <table>
             
               <tr style="padding: 10px">
               <td>Nafn leiks:</td> <td><input type="text"></td>
                </tr>

               
               <tr>
           <td>Lágmark spilara:</td> 
           <td>     
            <select>
                <option> 2 </option>
                <option> 3 </option>
                <option> 4 </option>
                <option> 5 </option>
                <option> 6 </option> 
                <option selected="selected"> Veldu lágmark  </option>
            </select>
            </td>  
            </tr>
               <tr>
           <td> Hámark spilara: </td>
              
           <td>     
            <select>
                <option> 2 </option>
                <option> 3 </option>
                <option> 4 </option>
                <option> 5 </option>
                <option> 6 </option>
                <option> Endalaust! </option>
                <option selected="selected"> Veldu fjölda  </option>
            </select>
            </td> 
               </tr>
               <tr>

             <td>Leikjaflokkur: </td>
            <td>      
            <select>
                <option> Herkænska </option>
                <option> Tímaeyðsla </option>
                <option> Heiladauði  </option>
                <option selected="selected"> Veldu flokk  </option>
            </select>

            </td> 
                   </tr>

               <tr>
            <td> Hverjir geta spilað? </td>
             <td>    
             <select>
                <option> Allir </option>
                <option> Bara vinir notenda </option>
                <option> Bara ég  </option>
                <option selected="selected"> ---- </option>
            </select>
                 </td>  
                   </tr>

                <tr>
               <td>Slóð á leik:</td> 
                    
                   <td> <input type="text"> </td>
                </tr>


               </table>

        <p>
            <input type="submit" value="Bæta við leik" class="styled-button"/>
        </p>
    
    </fieldset>
    
    </form>
}

<div>
    @Html.ActionLink("Tilbaka", "Index")
</div>

<style>
    .styled-button {
        
        background: #f78096;
        background: -moz-linear-gradient(top,#f78096 0%,#f56778 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f78096),color-stop(100%,#f56778));
        background: -webkit-linear-gradient(top,#f78096 0%,#f56778 100%);
        background: -o-linear-gradient(top,#f78096 0%,#f56778 100%);
        background: -ms-linear-gradient(top,#f78096 0%,#f56778 100%);
        background: linear-gradient(top,#f78096 0%,#f56778 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78096',endColorstr='#f78096',GradientType=0);
        padding: 5px 4px;
        color: #fff;
        font-family: 'Helvetica Neue',sans-serif;
        font-size: 12px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border: 1px solid #ae4553;
    }

    select {
        color: black;
    }
    
    select option {
        color: black;
    }
 </style>
